<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="tables.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" media="screen" type="text/css" title="Menu" href="design.css" />
<title>Bienvenue sur alibi en folie!</title>
</head>
<body>
<div id="corps">
	<div id="cadreGauche">
	    <form action="gestionOnglet">
	    <p> Bienvenue, <br> <%=request.getAttribute("membre") %></p>
		<center>
		<input type="submit" name="deconnexion" value="deconnexion" id="bouton2">
		<input type="submit" name="changement_parametre" value="paramètres du compte" id="bouton2">
		</center>
		<p>nombre de membres :</p>
		<%//JdbcUtilisateur.nbMembre()%>
		<p>Publicité :</p>
				<img alt="" src="image/nonPub.jpg" id="imgPub">
				<br>
				<p>Nous vous conseillons:</p>
				<a href="http://www.hteumeuleu.fr/wp-content/uploads/2011/05/developpeurs-graphistes-chefs-projets.jpg" target="_blank">hteumeuleu.fr</a>
				<br>
				<a href="http://www.perdu.com" target="_blank">perdu ?</a>
				<br>
				<a href="http://www.radins.com" target="_blank">besoin d'argent?</a>
	</form>
	</div>
	<div id="cadreDroite">
	    	<p><a href="devenirPremium.jsp" class="info" >devenez membre premium</a></p>
	    	<p><a href="infoPremium.html" class="info" target="_blank">Qu'est ce qu'un membre premium ?</a></p>
		</div>
    <div id="debut">	
		<div id="banniere">
			<div id="image">
				<img alt="" src="image/chut3.jpg">
			</div>
			<div id="image2">
				<img alt="" src="image/chut4.jpg">
			</div>
    	 	Bienvenue sur alibi.com <br> Le site des alibis en folie!
    	 	<%Boolean estPremium=false;
				 if (request.getAttribute("estPremium")!=null){
				    if (request.getAttribute("estPremium").equals("oui")){
				    estPremium=true;
				    }}%>
			<br>
			<br>
			<br>
			<br>
			<form action="gestionOnglet">
	    	 	   			<ul id="menu">
        <li>
                <input type="submit" name="option" value="Accueil" class="inactive">
        </li>
        <li>
                <a href="#" class="inactive">Nos services d'alibis</a>
                <ul>
                <%if(estPremium){ %>
                        <li><input type="submit" name="option" value="Envoyer une carte postale" class="sousIn"></li>
                <%} %>
                        <li><input type="submit" name="option" value="Envoyer un e-mail/sms" class="sousIn"></li>
                        <li><input type="submit" name="option" value="Autres alibis" class="sousDerIn"></li>
                </ul>
        </li>
        <%if(estPremium){ %>
        <li>
                <a href="#" class="active">Alibis avec complice</a>
                <ul>
                        <li><input type="submit" name="option" value="Recherche complice" class="sousAct"></li>
                        <li><input type="submit" name="option" value="Etre complice" class="sousDerIn"></li>
                </ul>
        </li>
        <%} %>
        <li>
                <input type="submit" name="option" value="Consulter votre profil" class="inactive">
        </li>
        <%if (estPremium){ %>
        <li>
                <input type="submit" name="option" value="Message recus" class="inactive">
        </li>
        <%} %>
        <li>
                <input type="submit" name="option" value="Donnez votre avis" class="inactive">
        </li>
        
</ul>
	  		</form>
		</div>
		<div id="partieCentrale">
		<br>
		<br>
		<br>
		<br>
		<p id="titre"> Les alibis avec complice </p>
    	<br>
    	<br>
    	<form action="gestionOnglet" id="contenu">
    	<table>
    		<tr><td> Je cherche :</td><td> <select name="typePersonne">
    											<option value="femme"> Une femme </option>
    											<option value="homme"> Un homme </option>
    											<option value="indifferent"> Indifférent </option>
    		         						</select> </td></tr>
    		<tr><td> Je désire faire croire que: </td><td> <select name="action">
    															<option value="ami">j'ai des amis </option>
    															<option value="patron">j'ai un patron </option>
    															<option value="conjoint">j'ai un copain/copine </option>
    															<option value="voyage">je suis parti en voyage </option>
    															<option value="restaurant">j'étais au restaurant </option>
    														</select>
    		</td> </tr>
    		
    		<tr><td> Je souhaite faire ceci: </td><td><select name="PropositionDate">
 		<option value="tout le temps"> n'importe quand </option>
		<option value="weekend"> le weekend </option>
		<option value="semaine"> la semaine </option>
</select><select name="PropositionMoment">
		<option value="tout le temps"> n'importe quand </option>
		<option value="matin"> le matin</option>
		<option value="midi"> le midi </option>
		<option value="après-midi"> l'après-midi</option>
		<option value="soir"> le soir</option>
 </select>
    		</td> </tr>
    		
    	</table>
    	<br>
    	<br>
    	<center>
    	<input type="submit" name="validerProposition" value="Valider mes choix" id="bouton"/>
    	</center>
    	<br>
		<br>
		<br>
		<br>
    	</form>
	</div>
		</div>
		<br>
</div>

<div id="fin">
*** Ce site a été créé par Marine Bardet, Auberi Lecocq, Marieke Gueye et Amandine Voinot ***
</div>
</body>
</html>